// 表格公共样式
.table {
    border-radius: 8px;
    overflow: hidden;
    flex: 1;
    display: flex;
    flex-direction: column;

    .main_content {
        flex: 1;
        overflow-y: auto;
    }

    .th {
        min-height: 44px;
        border-radius: 8px 8px 0px 0px;
        background: #394EFF;
        box-shadow: 0px 0.5px 1px 0px #7584FF inset;
        display: flex;
        align-items: center;

        .td {
            font-size: 12px;
            color: #fff;
        }

        .line {
            background-image: linear-gradient(to bottom, #505764 0%, #c8ccd2 50%, #434854 100%);
            width: 1px;
            height: 28px;
            opacity: 0.3;
        }
    }

    .tr {
        display: flex;
        align-items: stretch;
        min-height: 36px;
        font-size: 10px;

        .line {
            background-color: rgba(135, 161, 206, 0.2);
            width: 1px;
            height: 100%;
            min-height: 36px;
        }

        &:nth-child(even) {
            background-color: #1D1B43;
            color: #87a1ce;
        }

        &:nth-child(odd) {
            background-color: #2D2A60;
            color: #fff;
        }
    }

    .td {
        flex: 10;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        flex-shrink: 0;
    }

    .td-s {
        flex: 10;
    }

    .td-m {
        flex: 12.5;
    }

    .td-x {
        flex: 15;
    }
}